﻿/*----------------------.list-publish-------------------------*/
.list-publish >ul{
	width: 103%;
	float: left;
}
.list-publish li{
	float: left;
	width: 22%;
	margin-right: 3%;
	margin-bottom: 2.5%;
}
.publish-item{
	width: 100%;
	border: 1px solid #f0f0f0;
	-webkit-box-shadow: 0 1px 1px #f0f0f0;
	-moz-box-shadow: 0 1px 1px #f0f0f0;
	box-shadow: 0 1px 1px #f0f0f0;
}
.publish-item:hover{
	border: 1px solid #0CB640;
	box-shadow: 0 0 30px #ccc;
	-webkit-box-shadow: 0 0 30px #ccc;
	-moz-box-shadow: 0 0 30px #ccc;
}
.publish-thumb .sprice-ticker{
	display: block;
	font-size: 16px;
	padding: 3px 5px;
	position: absolute;
	right: -3px;
	z-index: 5;
	color: #fff;
	background: #eb3e2d;
	top: 5px;
}
.publish-thumb .btn{
	position: absolute;
	z-index: 5;
	bottom: -4px;
	left: 30%;
	right: 70%;
	height: 0;
	width: 80px;
	padding: 0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.shadow-bg {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(0,0,0,0.5);
	z-index: 3;
	height: 0;
}
.publish-thumb{
	width: 100%;
	height: 7.6em;
	position: relative;
}
.publish-thumb a{
	display: block;
	text-align: center;
	margin: auto;
	height: 100%;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
.publish-thumb img{
	min-width: 100%;
	_width: 100%;
	min-height: 100%;
	_height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
.publish-infor {
	padding: 0.5em 0.5em 0 0.5em;
	border-top: 4px solid #0a9936;
}
.publish-infor h3 a{
	font-size: 13px;
	font-weight: normal;
	color: #666;
	text-transform: uppercase;
	padding: 0em 0 0.5em 0;
}
.publish-infor h3:hover{
	color: #0CB640;
}
.publish-infor p{
	font-size: 13px;
	color: #666;
	font-style: italic;
}
.publish-description{
	border-top: 1px dotted #f0f0f0;
	margin-top: 0.5em;
	padding: 0.5em 0;
	line-height: 1em;
	font-size: 13px;
}
.publish-description label{
	color: #666;
}
.publish-description >.icon-count-rank{
	float: right;
	background: url(../img/rank.png) no-repeat left center;
	height: 13px;
	padding-left: 15px;
	text-align: right;
	color: #666;
}
.publish-description >.icon-creater{
	display: block;
    width: 50%;
    background: url(../img/icon-creater.png) no-repeat left center;
    height: 13px;
    padding-left: 5px;
    text-align: left;
    text-indent: 14px;
}
.publish-description a{
	color: #0CB640;
}
.publish-description a:hover{
	color: #0a9936;
	text-decoration: underline;
}

.loading-content{
	height: 3em;
	width: 100%;
	background: url(../img/loader.gif) no-repeat center;
	clear: both;
	margin-bottom: 2.5%;
}


@media screen and (max-width : 961px) and (min-width : 769px){
	.list-publish li {
		width: 31%;
		margin-right: 2%;
	}
}
@media screen and (max-width : 768px) and (min-width : 479px){
	.list-publish li {
		width: 48%;
		margin-right: 2%;
	}
}
@media screen and (max-width : 480px) and (min-width : 0){
	.list-publish li {
		width: 100%;
		margin-right: 0;
	}
}
@media screen and (max-width : 768px){
	
}